<template>
  <view class="minePage">
    <view class="album">
      <view class="album__avatar">
        <image
          src="@/static/images/head.png"
          mode=""
          class="headImg"
        ></image>
      </view>
      <view class="album__content">
        <u--text text="开发者" type="primary" bold size="34rpx"></u--text>
        <u--text
          margin="0 0 8px 0"
          text="如果对你有帮助,可以支持一杯咖啡哦~,更多功能正在开发中…"
          size="28rpx"
        ></u--text>
        <u-album :urls="urls0" :multipleSize="'180rpx'"></u-album>
      </view>
    </view>
    <view class="album">
      <view class="album__avatar">
        <image
          src="@/static/images/head.png"
          mode=""
          class="headImg"
        ></image>
      </view>
      <view class="album__content">
        <u--text text="开发者" type="primary" bold size="34rpx"></u--text>
        <u--text
          margin="0 0 8px 0"
          text="这里是开发者推荐并分享的部分手机壁纸。"
          size="28rpx"
        ></u--text>
        <u-album :urls="urls4" :multipleSize="'180rpx'"></u-album>
      </view>
    </view>
    <view class="album">
      <view class="album__avatar">
        <image
          src="@/static/images/head.png"
          mode=""
          class="headImg"
        ></image>
      </view>
      <view class="album__content">
        <u--text text="开发者" type="primary" bold size="34rpx"></u--text>
        <u--text
          margin="0 0 8px 0"
          text="这里是开发者推荐并分享的部分手机壁纸。"
          size="28rpx"
        ></u--text>
        <u-album :urls="urls1" :multipleSize="'180rpx'"></u-album>
      </view>
    </view>
    <view class="album">
      <view class="album__avatar">
        <image
          src="@/static/images/head.png"
          mode=""
          class="headImg"
        ></image>
      </view>
      <view class="album__content">
        <u--text text="开发者" type="primary" bold size="34rpx"></u--text>
        <u--text
          margin="0 0 8px 0"
          text="这里是开发者推荐并分享的部分手机壁纸。"
          size="28rpx"
        ></u--text>
        <u-album :urls="urls2" :multipleSize="'180rpx'"></u-album>
      </view>
    </view>
    <view class="album">
      <view class="album__avatar">
        <image
          src="@/static/images/head.png"
          mode=""
          class="headImg"
        ></image>
      </view>
      <view class="album__content">
        <u--text text="开发者" type="primary" bold size="34rpx"></u--text>
        <u--text
          margin="0 0 8px 0"
          text="这里是开发者推荐并分享的部分手机壁纸。"
          size="28rpx"
        ></u--text>
        <u-album :urls="urls3" :multipleSize="'180rpx'"></u-album>
      </view>
    </view>
  </view>
</template>
  
  <script>
export default {
  data() {
    return {
      urls4:[
        "https://pic.netbian.com/uploads/allimg/250603/152258-1748935378f52c.jpg",
        "https://pic.netbian.com/uploads/allimg/250603/152223-17489353437e0d.jpg",
        "https://pic.netbian.com/uploads/allimg/250528/231059-17484450594efa.jpg",
        "https://pic.netbian.com/uploads/allimg/250527/161609-17483337691163.jpg",
        "https://pic.netbian.com/uploads/allimg/250507/154905-174660414551da.jpg",
      ],
      urls0:[
        "https://minio.91cloudpay.com:4443/file/yhh/yhhbg00.jpg"
      ],
      urls1: [
        "https://minio.91cloudpay.com:4443/file/yhh/yhhbg13.jpg",
        "https://minio.91cloudpay.com:4443/file/yhh/yhhbg11.jpg",
        "https://minio.91cloudpay.com:4443/file/yhh/yhhbg14.jpg",
        "https://minio.91cloudpay.com:4443/file/yhh/yhhbg12.jpg",
      ],
      urls2: [
        "https://minio.91cloudpay.com:4443/file/yhhbg1.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg2.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg3.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg4.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg5.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg6.jpg",
      ],
      urls3: [
        "https://minio.91cloudpay.com:4443/file/yhhbg7.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg8.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg9.jpg",
        "https://minio.91cloudpay.com:4443/file/yhhbg10.jpg",
      ],
    };
  },
};
</script>
  
  <style lang="scss">
.minePage {
  padding: 0 30rpx;
  .album {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 40rpx;
    .album__avatar{
      .headImg{
        width: 64rpx; height: 64rpx; margin-right: 18rpx;
        border-radius: 50%;
      }
    
    }
  }
}
</style>
  